<script setup>
const props = defineProps({
  value: {
    type: Number,
  },
  step: {
    type: Number,
  }

})
  const emits = defineEmits([
    'Change'
  ])

  function down (){
    emits('Change', props.value - props.step)
  }
  function add (){
    emits('Change', props.value + props.step)
  }
</script>

<template>

  <button @click="down">-</button>
  <input type="text" :value="value" :step="step">
  <button @click="add">+</button>
</template>

<style>

</style>
